<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>图片懒加载</title>
	<link href="./css/lazy-image.css" rel="stylesheet"/>
</head>
<body>
<div id="view">
	<img data-src="https://www.wailian.work/images/2019/02/28/Javaee-tutorial-admin-min.png" class="lazy-image"/>
	<img data-src="https://www.wailian.work/images/2019/02/28/SpringMVC-Mybatis-Shiro-redis-0.2-min-min.png" class="lazy-image"/>
	<img data-src="https://www.wailian.work/images/2019/02/28/smart-authority-min-min.png" class="lazy-image"/>
	<img data-src="https://www.wailian.work/images/2019/02/28/MyBatis-Spring-Boot-min.png" class="lazy-image"/>
	<img data-src="https://www.wailian.work/images/2019/02/28/any-video-min-min.jpg" class="lazy-image"/>
	<img data-src="https://www.wailian.work/images/2019/02/28/mybatis-generator-gui-min-min.png" class="lazy-image"/>
	<img data-src="https://www.wailian.work/images/2019/02/28/any-chat-min-min.png" class="lazy-image"/>
	<img data-src="https://www.wailian.work/images/2019/02/28/iBase4J-SpringBoot-min-min.png" class="lazy-image"/>
	<img data-src="https://www.wailian.work/images/2019/02/28/renren-fast-menus-min.png" class="lazy-image"/>
	<img data-src="https://www.wailian.work/images/2019/02/28/JavaQuarkBBS-min-min.jpg" class="lazy-image"/>
</div>
</body>
<script src="js/lazy-image.js"></script>
<script>
	console.log(document.documentElement.clientHeight)
	new LazyImage('.lazy-image')
</script>
</html>